@extends('layout')

@section('content')
    <link rel="stylesheet" href="{{asset('css/about.css')}}">
    <div class="container about-content">
        <div class="row">
            <div class="col-sm-3" style="text-align: center;">
                <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
                    <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true">船员应聘</a>
                    <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">公司招聘</a>
                    {{--<a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false">船员考试</a>--}}
                </div>
                @component('gongao',['gonggao'=>$gonggao])
                @endcomponent
            </div>
            <div class="col-sm-9">
                <div class="tab-content" id="v-pills-tabContent">
                    <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
                        <div class="part-title-box">
                            <div class="part-title">船员应聘</div>
                        </div>
                        <div class="content-container">
                            <div class="line"></div>
                            <div class="content-info">
                                <div class="box">
                                    <table class="table table-striped">
                                        <thead>
                                        <tr>
                                            <th scope="col">编号</th>
                                            <th scope="col">船员</th>
                                            <th scope="col">应聘岗位</th>
                                            <th scope="col">证书级别</th>
                                            <th scope="col">要求</th>
                                            <th scope="col">招聘公司</th>
                                            <th scope="col">日期</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($officers as $item)
                                        <tr>
                                            <th scope="row">{{$item -> number}}</th>
                                            <td>{{$item -> name}}</td>
                                            <td>{{$item->job}}</td>
                                            <td>{{$item ->certificate}}</td>
                                            <td>{{$item -> area_require}}</td>
                                            <td>{{$item -> obode}}</td>
                                            <td>{{$item -> date}}</td>
                                        </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
                        <div class="part-title-box">
                            <div class="part-title">公司招聘</div>
                        </div>
                        <div class="content-container">
                            <div class="line"></div>
                            <div class="content-info">
                                <div class="box">
                                    <table class="table table-striped">
                                        <thead>
                                        <tr>
                                            <th scope="col">编号</th>
                                            <th scope="col">招聘岗位</th>
                                            <th scope="col">证书级别</th>
                                            <th scope="col">航运区域</th>
                                            <th scope="col">船舶类型</th>
                                            <th scope="col">招聘公司</th>
                                            <th scope="col">日期</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @foreach($jobs as $item)
                                            <tr>
                                                <th scope="row">{{$item -> number}}</th>
                                                <td>{{$item->job}}</td>
                                                <td>{{$item ->certificate}}</td>
                                                <td>{{$item -> area}}</td>
                                                <td>{{$item -> ship_type}}</td>
                                                <td>{{$item -> recruitment}}</td>
                                                <td>{{$item -> date}}</td>
                                            </tr>
                                        @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{--<div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">--}}
                        {{--<div class="part-title-box">--}}
                            {{--<div class="part-title">船员考试</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                </div>
            </div>
        </div>
    </div>
@endsection
